body {
	background: url("../images/bg-body.gif") repeat-y scroll left top #f0f0f0;
    color: #555555;
}
	.main {
		background: url("../images/bg-radial-gradient.gif") no-repeat fixed 230px top transparent;
	}
	/* side bar */
	.sidebar {
		position: absolute;
		left: 0;
		top: 0;
		width: 230px;
		color: #ffffff;
		text-align: right;
	}
		.sidebar h1 {
			padding: 40px 15px 40px 0;
			font-size: 32px;
		}
		.login-info {
			color: #888888;
			padding: 0 15px 25px 0;
		}
			.login-info a {
				color: #cccccc;
			}
			.login-info a:hover {
				color: #ffffff;
			}
			.login-info li {
				line-height: 30px;
			}
		.nav {
			width: 206px;
			margin: 0 0 0 24px;
		}
			.nav li {
				padding-bottom: 10px;
			}
			.nav a {
				padding-right: 15px;
			}
			a.sup-nav {
			    display: block;
				background: url("../images/bg-menu-item-green.gif") no-repeat right center;
			    color: #ffffff;
			    font-size: 14px;
			    padding: 10px 15px;
			}
			.nav li>.current {
				background-image: url("../images/bg-menu-item-current.gif");
			    color: #333333;
			    font-weight: bold;
			}
			/* sub nav */
			.nav ul {
				display: none;
			}
			.nav ul li {
				padding: 0;
			}
			.nav ul li a {
			    display: block;
				color: #aaaaaa;
			    padding: 5px 15px;
			    line-height: 1.2em;
			}
			.nav ul li a:hover {
				color: #ffffff;
			}
			.nav ul li>.current {
				color: #ffffff;
				background: url("../images/menu-current-arrow.gif") no-repeat right center;
			}
	.content {
		margin: 0 30px 0 260px;
   		padding: 40px 0 0;
	}
